const ArticleSkeleton: React.FC = () => {
  return (
    <div className='cursor-pointer w-full'>
      {/* 图片容器 */}
      <div className='skeleton aspect-w-[10] aspect-h-[8] lg:aspect-h-[7]'></div>
      {/* Content */}
      <div className='w-full p-3 pb-4 bg-white lg:p-[0.9375rem] lg:pb-[1.5625rem] 2xl:p-[1.40625rem] 2xl:pb-[2.34375rem]'>
        <div className='w-[25%] h-[1rem] lg:h-[1rem] 2xl:h-[1.5rem] skeleton rounded-[4px]'></div>
        <div className='h-1 lg:h-4 2xl:h-[6]' />
        <div className='w-[40%] h-[1.125rem] lg:h-[1.1875rem] 2xl:h-[1.78125rem] skeleton rounded-[4px]'></div>
        <div className='h-5' />
        <div className='w-full h-[3rem] lg:h-[3.5625rem] 2xl:h-[2.671875rem] skeleton rounded-[4px]'>
          <div className='opacity-0'>
            123132213132132123213123123123123123123213123213213213321231213213213123132123123123
          </div>
        </div>
      </div>
    </div>
  )
}

export default ArticleSkeleton
